<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>后台首页</title>
  <link rel="stylesheet" href="./index.css">
  <script src="./plugins/jquery/jquery-3.6.0.js"></script>
  <script src="./plugins/jsrender/jsrender.js"></script>
  <script src="./menuClick.js"></script>
</head>

<body>
  <div class="top">
    <div class="logo">
      <span>自贡疫情报备系统</span>
      <img src="./img/menu-right.png" alt="" width="20px">
    </div>
    <div class="message"><img src="./img/message.png" alt=""></div>
    <div class="headimg"><img src="./img/headimg.png"></div>
    <div class="logout">退出系统</div>
  </div>
  <div class="left">
    <div class="menu">
      <ul class="mymenu">
        <li class="active"><a href="#"><span>首页</span><img src="./img/small-right.png"></a></li>
        <li class=""><a href="#"><span>报备信息</span><img src="./img/small-right.png"></a></li>
      </ul>
    </div>
  </div>
  <div class="main">
    <!-- <iframe src="./page/home/home.html" frameborder="0" width="100%" height="100%"></iframe> -->
  </div>
  <script type="text/x-jsrender" id="arr">
    {{for}}
      <span>{{: name}}</span>
      {{for hobbies}}
        <li>{{: #data}}</li>
      {{/for}}
    {{/for}}
  </script>
  <script>
    var arr = [
      { name: "tom", hobbies: ["篮球", "足球"] },
      { name: "jack", hobbies: ["篮球", "橄榄球"] },
      { name: "lucy", hobbies: ["游泳", "羽毛球"] }
    ];
    $(".main").html($("#arr").render(arr))
  </script>
</body>

</html>